// src/utils/swiper.js

import { register } from 'swiper/element/bundle';
import 'swiper/css';
import 'swiper/css/pagination';
import 'swiper/css/navigation';

// 使用 Web Components 模式注册（可选）
register();

// 如果你仍然希望使用 Vue 组件模式（非 Web Component）
import { Swiper, SwiperSlide } from 'swiper/vue';
import { Pagination, Navigation, Autoplay } from 'swiper/modules';

export default {
  install: (app) => {
    // 注册 Vue 版本的 Swiper 组件
    app.component('Swiper', Swiper);
    app.component('SwiperSlide', SwiperSlide);

    // 将 Swiper 模块挂载到 app.config.globalProperties 上，供模板中使用
    app.config.globalProperties.$SwiperModules = {
      Pagination,
      Navigation,
      Autoplay,
    };
  }
}